<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>订单编辑-</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<!-- 自动补全样式 -->
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
<!-- 自动补全js -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/calendar/WdatePicker.js"></script>
<style>
	td{border:0px}
	.bor {
    border: 0px solid #ccc;
}
</style>
</head>
<body>
	<div id="pageAll">
		<div class="pageTop">
			<div class="page">
				<img src="img/coin02.png" />
				<span><a href="
				main.do">首页</a>&nbsp;-&nbsp;<a href="getAllOrders.do">订单管理</a>&nbsp;-&nbsp;订单编辑</span>
			</div>
		</div>
		<div class="page ">
			<!-- 上传广告页面样式 -->
			<div class="banneradd bor">
				<form action="updateOrder.do" id="orderform" method="post">
				<div class="baTopNo">
					<span>产品基本信息</span>
					<hr/>
				</div>
				<div class="baBody" >
					<table >	
						<tr class="bbD"  >
							<td class="td">产品名称：</td>
							<td ><input type="text" class="input3" id="oname" name="name"  value="${map.name}"/></td>
							<td><span id="checkName"></span></td>
							<td><input type="hidden" name="id" id="id" value="${map.id }" /></td>				
						</tr>
						<tr class="bbD">
							<td class="td">合同名称：</td>
							<td> <input type="text" id="contractName" onblur="checkContract()" class="input3" value="${map.contractName }"/> </td>
							<td> <span id="tip"></span></td>
							<td><input type="hidden" name="coid" id="coid" value="${map.coid}"></input></td>
						</tr>
						<tr class="bbD">
							<td class="td">机构名称：</td>
							<td><input type="text" readonly="readonly"  id="orgname" class="input3" value="${map.orgname }"/></td>
							
							<td><input type="hidden" name="oid" id="oid" value="${map.oid }"></input></td>
						</tr>
						<tr class="bbD" >
							<td class="td">产品类别：&nbsp;</td>
							<td>
								
								<input type="checkbox" onclick="return false;" name="checkbox" ${(map.apro eq 1 && map.bpro eq 1 &&map.cpro eq 1)?"checked":"" } id="allcheck"/>全部&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" ${map.apro eq 1?"checked":"" } id="apro" />网站专区&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" ${map.bpro eq 1?"checked":"" } id="bpro"/>手机APP&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" ${map.cpro eq 1?"checked":"" } id="cpro"/>微刊&nbsp;
							</td>
						</tr>
						
						<tr class="bbD">
							<td class="td">经办人：</td>
							<td><input type="text" readonly="readonly"  id="ename" class="input3" value="${map.ename }"/></td>
						</tr>
						<tr class="bbD">
							<td class="td">联系人：</td>
							<td><input type="text" readonly="readonly"  id="cname" class="input3" value="${map.cname }"/></td>
						</tr>
						<tr class="bbD">
							<td class="td">审核状态：</td>
							<td><input type="text" readonly="readonly" value = "${map.checkstate eq 1?'未审核':(map.checkstate eq 2 ?'审核中':'已审核') }" id="checkstate" class="input3"/>
								
							</td>
						</tr>
						<tr class="bbD">
							<td class="td">产品状态：</td>
							<td>
								<select class="input3" name="productstate" >
									<option value="0" ${map.productstate eq 0? "selected" : "" }>未开通</option>
									<option value="1" ${map.productstate eq 1? "selected" : "" }>开通</option>
								</select>
							</td>
						</tr>
						<tr class="bbD">
							<td class="td">使用状态：</td>
							<td>
								<select class="input3" name="usestate" >
									<option value="1" ${map.usestate eq 1 ? "selected" : "" }>未使用</option>
									<option value="2" ${map.usestate eq 2 ? "selected" : "" }>试用</option>
									<option value="3" ${map.usestate eq 3 ? "selected" : "" }>正式使用</option>
								</select>
							</td>	
						</tr>
						<tr class="bbD">
							<td class="td">开通日期：</td>
							<td><input type="text" class="input3" name="spassdate" id="passdate" value="${map.spassdate }" readonly="readonly" onclick="WdatePicker()" />
							</td>
							<td ><span id="writepd"></span></td>
						</tr>

					</table>	
						<input type="button" id="yes" value="确定"/>
						<input type="button" id="no" onclick="window.location.href='getAllOrders.do'" value="取消"/>
						
				</div>
				</form>
			</div>

			<!-- 上传广告页面样式end -->
		</div>
	</div>

<script type="text/javascript">
var oname = null;
var contractName = null;
var passdate = null;
var names ; //定义数据  
//开始函数  
$().ready(function(){  
$.ajax({  
	url: "getContractNameList", 
  type:'POST',    
  dataType: "json",  
  success:function(data){  
    names = data;  
    autocompleteFn(names);  
  }  
});  
});  
//自动 补全方法  
function autocompleteFn(names){  
 $("#contractName").autocomplete(names,{  
   minChars:1,  
   max: 5,  
   dataType:"json",  
   autoFill: true,  
   mustMatch: true,  
   matchContains: true,  
   scrollHeight: 220,
   formatItem: function(data, i, total) {  
     return "<I>"+data.contractName+"</I>";  
   },  
   formatMatch: function(data, i, total) {  
     return data.contractName;  
   },  
   formatResult: function(data) {  
     return data.contractName;  
   }  
 }).result(function(event,data){
	   
		/* 合同id */
		$("#coid").val(data.coid);
		/* 机构名称 */
		$("#orgname").val(data.orgname);
		/* 机构id */
		$("#oid").val(data.oid);
		/* 经办人 */
		$("#ename").val(data.ename);
		/* 联系人 */
		$("#cname").val(data.cname);
		/* 合同审核状态 */
		if(data.checkstate== 1){
			$("#checkstate").val("未审核");
		}else if(data.checkstate == 2){
			$("#checkstate").val("审核中");
		}else{
			$("#checkstate").val("已审核");
		}
		
		/*根据返回值对产品做选择判断  */
		if(data.apro==1){
			$("#apro").prop("checked",true);
		}else{
			$("#apro").prop("checked",false);
		}
		if(data.bpro==1){
			$("#bpro").prop("checked",true);
		}else{
			$("#bpro").prop("checked",false);
		}
		if(data.cpro==1){
			$("#cpro").prop("checked",true);
		}else{
			$("#cpro").prop("checked",false);
		}
		if(data.apro==1&&data.bpro==1&&data.cpro==1){
			$("#allcheck").prop("checked",true);
		}else{
			$("#allcheck").prop("checked",false);
		}
});  
}  
$(function(){
	oname = $("#oname");
	contractName =$("#contractName");
	passdate = $("#passdate");
	
	oname.attr("validateStatus",true);
	contractName.attr("validateStatus",true);
	
})
	
	/* 合同名框失去焦点，先清除之前遗留的信息，再根据合同名称搜索合同信息，合同名称需要输入全名 */
	 function checkContract(){
	/* 清除之前遗留信息 */
	$("#tip").html("");
	
		/* 根据合同名搜索合同信息 */
		if(contractName.val()==null||contractName.val()==""){
			$("#tip").css({"color":"red"});
    		$("#tip").html("请输入合同名");
    		contractName.attr("validateStatus",false);
    		/* 当合同名输入为空时，之前所有数据均为空 */
    		/* 合同id */
    		$("#coid").val("");
    		/* 机构名称 */
    		$("#orgname").val("");
    		/* 机构id */
    		$("#oid").val("");
    		/* 经办人 */
    		$("#ename").val("");
    		/* 联系人 */
    		$("#cname").val("");
    		/* 审核状态 */
    		$("#checkstate").val("");
    		/* 复选框 */
    		$("#apro").prop("checked",false);
    		$("#bpro").prop("checked",false);
    		$("#cpro").prop("checked",false);
    		$("#allcheck").prop("checked",false);
		}else{
			
			contractName.attr("validateStatus",true);
		}
	} 
	
/* 对订单名做唯一性验证 */
	$("#oname").blur(function(){
		var x = this.defaultValue;
		
		if(oname.val()==null||oname.val()==""){
			$("#checkName").css({"color":"red"});
			$("#checkName").html("请输入订单名");
			oname.attr("validateStatus",false);
		}else{
			/* 判断当前值与默认值是否一致 ，若一致，什么也不做，若不一致，异步刷新*/
			
        	if(oname.val() == x){
        		$("#checkName").html("");
        		oname.attr("validateStatus",true);
        	}else{
        		$.ajax({
        			url:"checkOrder.do",
        			method:"get",
        			data:{oname:oname.val()},
        			dataType:"json",
        			success:function(data){
        				
                    		if(data.result=="false"){
            					$("#checkName").css({"color":"red"});
            					$("#checkName").html("订单名已存在，请重新输入");
            					oname.attr("validateStatus",false);
            				}else if(data.result == "true"){
            					$("#checkName").css({"color":"green"});
            					$("#checkName").html("订单名可用");
            					oname.attr("validateStatus",true);
            				}
                    	}
        		})
        	}
		
		}
	})
/* 添加时对各输入项做正常验证 */
/* 添加时对各输入项做正常验证 */
$("#yes").click(function(){

	if(oname.attr("validateStatus")!="true"){
		oname.blur();
	}else if(contractName.attr("validateStatus")!="true"){
		$("#tip").css({"color":"red"});
		$("#tip").html("请输入合同名");
	}else if(passdate.val()==null||passdate.val()==""){
		checkContract();
	}else{
		if(confirm("是否确认提交数据")){
			$("#orderform").submit();
		}
	}

})

</script>
</body>
</html>